<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <title>机务首页</title>
    <script>
        var requireExtraPaths = {
            extrance: '../../../mainte_js/report/homeMainte'
        };
        var cssFileLoadArr = ['/content/css/sub/homePage.css', '/content/css/sub/carMonitor.css'];
    </script>
    <style>
        @media print {

            .tijian-report{
                margin-top: 0 !important;
            }

            .title-box,
            .title-jiankong,
            .car-monitor-wrap{
                display: none !important;
            }

        }
    </style>
    <jsp:include flush="true" page="/WEB-INF/views/base/base.jsp"></jsp:include>
</head>
<body class="site-body" style="overflow: auto;">
<a class="page-print-btn" onclick="window.print()"></a>
<section>

    <div class="health-wrap">
        <div class="health-wrap-inner">
            <div class="title-box">
                <div class="icon-check"></div>
                <a id="goToDetails">详细信息</a>
                <a id="turnTo">维修手册</a>
                <a class="health-btn" id="checkExam">体检</a>
            </div>

            <div class="statistics-chart tijian-report  clearfix pr0">
                <div class="item-wrap">
                    <div class="item-wrap-inner pl0">
                        <div class="item report">
                            <div class="clearfix">
                                <h3>最新体检报告</h3>
                                <!--
                                <a class="tijian-btn" id="checkExam">再次体检</a>
                                 -->
                            </div>
                            <div class="inner" id="lastAggExamReport">
                                <div class="top clearfix">
                                    <div class="ele">
                                        <h4>体检时间</h4>

                                        <p class="time" name="examTime" id="examTime">无</p>
                                    </div>
                                    <div class="ele">
                                        <h4>体检车辆</h4>

                                        <p class="c-blue" name="carNum" data-unit="辆">0</p>
                                    </div>
                                    <div class="ele">
                                        <h4>故障总数</h4>

                                        <p class="c-yellow" name="mftTotal" data-unit="个">0</p>
                                    </div>

                                </div>
                                <div class="top clearfix">
                                    <div class="ele">
                                        <h4>已解决</h4>

                                        <p class="c-green" name="resolve" data-unit="个">0</p>
                                    </div>
                                    <div class="ele">
                                        <h4>未解决</h4>

                                        <p class="c-red" name="beresolve" data-unit="个">0</p>
                                    </div>
                                </div>
                            </div>


                        </div>
                    </div>
                </div>
                <div class="item-wrap">
                    <div class="item-wrap-inner">
                        <div class="item item-rank" style="background-color: #fff;">
                            <div class="title-bar ml0 pt0 mr0">
                                <div class="sub-nav4 clearfix">
                                    <a class="active" id="allMftTypeRankChart">全部</a>
                                    <a id="resolveMftTypeRankChart">已解决</a>
                                    <a id="unResolveMftTypeRankChart">未解决</a>
                                </div>
                                车辆故障类型排名
                            </div>
                            <div class="chart-inner" id="mftTypeRankChart"
                                 style="height: 360px;width:595px;overflow:hidden;margin: 0 auto;"></div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>

    <h2 class="title-map title-jiankong">车辆监控</h2>

    <div class="car-monitor-wrap" id="car-monitor-wrap">
        <img src="../../content/images/car-body_03.png" width="368" height="21" class="title">

        <div class="car-body">
            <div class="item item1">
                <ul>
                    <li class="gray" data-menu="930d591f87da4dbe80e58d1f433d9a27">
                        <a>发动机</a>
                    </li>
                    <li class="gray" style="margin-right: 18px;" data-menu="37ee309951c448009f366f298199cfec">
                        <a>电机</a>
                    </li>
                    <li class="gray" style="margin-right: 23px;" data-menu="d4017c8d8580428cb06793cb59758f5e">
                        <a>电池</a>
                    </li>
                    <li class="gray" style="margin-right: 18px;" data-menu="b558645940e04427b56d26120d491090">
                        <a>电容</a>
                    </li>
                    <li class="gray" data-menu="7ce0318013bc4d8787755d6281e14ea2">
                        <a>整车控制系统</a>
                    </li>
                </ul>
            </div>

            <div class="item item2">
                <ul>
                    <li class="gray" data-menu="ffc5009dc0a34b23878b0b69683d0ae9">
                        <a>轮胎</a>
                    </li>
                    <li class="gray" data-menu="7360d3012c604f6f99d52fee684fa7b9">
                        <a>润滑系统</a>
                    </li>
                </ul>
            </div>

            <div class="item item-s item3">
                <ul>
                    <li class="gray" data-menu="716b052ef297428591a72b23066dc2b7">
                        <a>空调</a>
                    </li>
                    <li class="gray" style="margin-left: 5px;" data-menu="1b7d313b27c24efda15f0f0058d84659">
                        <a>发电机</a>
                    </li>
                    <li class="gray" data-menu="97c4c543a14949db96f3c62f4b70a36a">
                        <a>充电机</a>
                    </li>
                </ul>
            </div>

            <div class="item item-s item4">
                <a class="yibiaopan" onclick="window.parent.openTab('343fcb4a1cf242daa6476ceb580fcaa3')"></a>
                <ul>
                    <li class="gray" style="margin-left: 23px;" data-menu="9858d6d86e8845fba50e942607820b4a">
                        <a>气泵</a>
                    </li>
                    <li class="gray" style="margin-left: 36px;" data-menu="d22041f037a44b1cac96f7e842358566">
                        <a>油泵</a>
                    </li>
                    <li class="gray" style="margin-left: 37px;" data-menu="46643b41c281482a81e1235100298c0e">
                        <a>助力泵</a>
                    </li>
                    <li class="gray" style="margin-left: 29px;" data-menu="79cdf6dc9feb4274977337f76274e835">
                        <a>DCDC</a>
                    </li>
                    <li class="gray" data-menu="95f6d55e082845708b28d34c4bb2b7e1">
                        <a>绝缘检测</a>
                    </li>
                </ul>
            </div>

        </div>
    </div>

    <h2 class="title-map title-map2">维保计划</h2>

    <div class="pl25 pr25" style="margin-bottom: 20px;">
        <table width="100%" class="table-style4" id="maintePlanGrid">
        </table>
    </div>
</section>
</body>
</html>